<template>
    <div style="padding: 5px">
        <el-carousel :height="detail.style.position.h - 10 + 'px'" :interval="detail.style.interval * 1000" :trigger="detail.style.trigger" :type="detail.style.type">
            <el-carousel-item v-for="(item, index) in detail.style.carouselImageList" :key="index">
                <img v-if="item.indexOf('http') != -1" :src="item" crossorigin="anonymous" style="height: 100%; width: 100%" @dragstart.prevent @dragover.prevent @drop.prevent />
                <img v-else :src="require('@/' + item)" crossorigin="anonymous" style="height: 100%; width: 100%" @dragstart.prevent @dragover.prevent @drop.prevent />
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
import BaseView from './View';

export default {
    name: 'view-carousel',
    extends: BaseView,
};
</script>
